.notes {
  h3.blogtitle {
    line-height: 30px;
    margin: 10px 0;
  }
  .bloginfo {
    overflow: hidden; // 解决高度塌陷
    .blogpic {
      overflow: hidden;
      width: 30%;
      max-height: 100px;
      display: block;
      float: left;
      margin-right: 20px;
      border-radius: 5px;
      img {
        width: 100%;
      }
    }
    p {
      color: #888;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-top: 10px;
      font-size: 14px;
    }
  }
  .autor {
    width: 100%;
    overflow: hidden;
    margin: 20px 0 0 0;
    display: inline-block;
    color: #838383;
    font-size: 12px;
    span {
      margin: 0 10px 0 0;
      padding-left: 20px;
    }
    .lm {
      background: url(http://man.ip3q.com/skin/html/images/newsbg01.png)
        no-repeat left center;
    }
    .dtime {
      background: url(http://man.ip3q.com/skin/html/images/newsbg02.png)
        no-repeat left center;
    }
    .viewnum {
      background: url(http://man.ip3q.com/skin/html/images/newsbg04.png)
        no-repeat left center;
    }
    .pingl {
      background: url(http://man.ip3q.com/skin/html/images/like.jpg) no-repeat
        left center;
    }
    // .f_l {
    //   float: left;
    // }
    .f_r {
      float: right;
      .more {
        color: #096;
        font-size: 14px;
      }
    }
  }
}
